<template>
    <div class='home _page-content'>
      <div>
        金额：<el-input type="text" v-input-valid.amount v-model="value"/>
      </div>
      <!-- <div>姓名：{{inputValue}}</div>
      <button @click="toOpt">编辑姓名</button> -->
    </div>
</template>

<script>
export default {
    name:'',
    components:{},
    props:{},
    data() {
        return{
          inputValue:'艾艾',
          value:null
        }
    },
    computed: {},
    watch: {},
    created() {
      // console.log('home - created');
    },
    mounted() {},
    activated() {
      console.log(this.$eventChannel.getEvent());
      // console.log('home - activated');
      this.$eventChannel.on('setName', (data) => {
        this.inputValue = data
      })
    },
    beforeDestroy() {},
    methods: {
      toOpt(){
        this.$router.push('/opt')
        this.$dataStorage.setData('getName', this.inputValue)
      }
    },
}
</script>

<style lang="scss" scoped>
</style>